react native 环境搭建
1.安装node 8.3以上2.设置镜像npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global3.安装jdk1.8以上,并设置环境变量4.安装Android Studio5.安装sdk,设置环境变量6.运行npm install -g react-native-cli7.react-native init Aweso...
2024-01-10react-native坑
在我将 react-native 的版本更新到 0.47.0 后再 运行APP出现如下错误。<匿名com.aiganneo_app_code.MainApplication$1>中的getUseDeveloperSupport()无法覆盖ReactNativeHost中的getUseDeveloperSupport() 然后查阅资料后知道 是 版本更新的问题。在 Android 工程下的 MainApplication.java方法: public boolean getUseDeveloperSuppo...
2024-01-10react native天气项目
学习ReactNative有一段时间了,于是开发了一个简单的天气应用练练手,欢迎大家fllow和star http://www.jianshu.com/p/95b44212863e项目地址:https://github.com/nickming/ReactWeatherReactWeather基于ReactNative的简单展示天气的应用,下图是部分在iphone上运行效果,后续再Android上的运行效果会后续补充。In...
2024-01-10react native踩坑记录
一 、安装1、Python2 和Java SE Development Kit (JDK)可以直接通过腾讯电脑关键安装, Android SDK安装的时候路径里不能有中文和空格2、配置java环境变量3、 adb devices 为空,没有检测到设备4、Invalid escape sequence at line 1 column 29 path $[0].name 在gradle.properties中添加org.gradle.jvmargs=-Dfile.encoding=UTF-8,最主要是解决...
2024-01-10react native之组织组件
这些组件包括<TabView>,<NavigatorView>和<ListView>,他们实现了手机端最常用的交互和导航。你会发现这些组件在实际的项目中会非常有用。原生的<Listview>组件使用起来会很平滑和顺畅,如果你想在ListView里渲染大量的数据,你必须让视图足够简单,这样才能减少卡顿、React Native的<ListView>组件需要两个属性:...
2024-01-10react-native 适配问题
const ScreenWidth = Dimensions.get('window').width;static DimensionsTransform(px) { // 设计图纸以750为基准 return px/750*ScreenWidth } ...
2024-01-10react-native开发总结
项目地址:http://liu12fei08fei.github.io/blog/41react-native.html说明• 项目总结代码地址• 从项目开始启动(2018-07-02)到项目进入测试(2018-08-20)• 从我基本没用过react,到直接上手react-native• 其实从内心我是又爱又怕,爱是我确实很早就像下手除Vue以外的框架,多接触和学习一些不一样的思想;怕是前...
2024-01-10react-native测试安装
!!!注意!!!:init命令默认会创建最新的版本,而目前最新的0.45及以上版本需要下载boost等几个第三方库编译。这些库在国内即便FQ也很难下载成功,导致很多人无法运行iOS项目!!!中文网在论坛中提供了这些库的国内下载链接。如果你嫌麻烦,又没有对新版本的需求,那么可以暂时创建0.44.3的...
2024-01-10搭建react native所遇到的坑
一、所遇问题在搭建react native环境中,遇到执行react native run-android命令出现如下问题1 Could not resolve all dependencies for configuration ':classpath'.2 > Could not resolve com.github.dcendents:android-maven-gradle-plugin:3.1.43 Required by:4 project :5 ...
2024-01-10anu - react
import { options } from "./util";import { Children } from "./Children";import * as eventSystem from "./event";import { PropTypes } from "./PropTypes";import { Component } from "./Component";import { win as window } from "./browser";import { createClass } f...
2024-01-10react-native 构建工程注意点
react-native更新到0.57版本之后,新建工程总会出现无法安装js文件问题。具体表现是根据网上的搜索,可以使用如下步骤解决:react-native init projectcd projectnpm add @babel/runtimenpm installmkdir -p android/app/src/main/assetsreact-native run-android步骤3,4很重要从github上下载的代码版本不一致参考链接https://github.co...
2024-01-10react-native 集成支付宝sdk
Android1.在蚂蚁金服开放平台下载支付宝SDK2.在项目的android/app文件夹下新建文件夹libs,并将sdk放入其中3.修改android/app/build.gradledependencies { compile fileTree(dir: "libs", include: ["*.jar"]) // 若有这一行,则自动将libs下的所有jar包引入 compile “com.android.support:appcompat-v7:23.0.1” compile project(‘:R...
2024-01-10iOS 在react-native中嵌入原生悬浮框
本文中使用IOS原生悬浮框:https://github.com/shanghaiMichael/DYYFloatWindow 。1.直接按照RN官网原生模块操作方式添加就可以,原生中开发接口:2.RN中调用:3.添加成功但是出现问题(由于不能上传录制的视频,文字说明):浮框拖动的时候会在屏幕2个不同位置变换出现,打印问题如图:4.在DYYFloatWindow中把[[...
2024-01-10探索react native首屏渲染最佳实践
1.前言 react native给了我们使用javascript开发原生app的能力,在使用react native完成兴趣部落安卓端发现tab改造后,我们开始对由react native实现的界面进行持续优化。目标只有一个,在享受react native带来的新特性的同时,在体验上无限逼近原生实现。作为一名前端开发,本文会从前端角度,探索reac...
2024-01-10react-native学习之环境安装
1、首先是java环境安装-安装JDK2、安装Android-SDK,推荐以下地址:http://tools.android-studio.org/index.php/sdk然后打开SDK Manager,下载安装如下:、这里下载推荐使用国内镜像源,配置详见:http://www.androiddevtools.cn/3、安装Visual Studio 2013或2015,确保相应c++模块安装4、安装Git for windows5、安装Python(version>2.7.3)...
2024-01-10react-native打开一个日期控件
代码:export default class XXX extends Component{constructor(props){super(props);this.tomorrowDate=this.getTomorrow();this.state={chooseDate: this.tomorrowDate.getFullYear()+'-'+ this.tomorrowDate.getMonth()+'-'+ this.tomorrowDate.getDate(),}}reder(){return(<...
2024-01-10react-native环境搭建注意事项
注意:此为个人经验,请依据自身项目情况,酌情参考请严格参照react-native中文网的搭建开发环境文档进行操作。安装Java的jdk并配置相关环境变量。安装Android-studio,安装时会自动安装安卓开发所需的sdk。以上依据文档要求,下载相应版本,并配置好后,我们来初始化react-native项目。3.1. 使用nr...
2024-01-10react-native真机调试注意事项
1、我使用的手机是:红米note,小米4真机调试,在真机调试的过程中遇到的常见问题是:项目已安装到了手机上但是打开该项目发现是白屏,那么现在做的就是,(1)打开手机的安全中心,(2)找见应用权限管理,(3)找到你的应用程序,将是否显示悬浮窗置为允许。当这些设置完成后再打开该应用程...
2024-01-10vim开发react native 有断点调试插件吗?
vim开发react native 有断点调试插件吗,可以直接在vim打开的文件上打断点,并在vim窗口下方显示输出信息。类似这种:...
2024-01-10自学React-native (第二天)-- 布局
自学React-native (第二天)-- 布局1.前言:RN中布局使用的是flex(弹性布局方式)。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地...
2024-01-10react-native移动应用开发环境问题
react-native 最新环境搭建版本问题 报错如下各种环境都搭建了,但是还是报错。环境问题报错信息如下如何解决我安装的node版本为12.13的最新版本,我重新安装了一个node10.16.3的旧版本,然后重新启动项目,就解决了。java环境坑点我的java环境原来是java13版本,也就是目前java的最新版本,编译时...
2024-01-10react-native 0.40.0 环境搭建踩坑全记录
初学react-native,找了一个课程,使用0.40版本,而现在默认自动安装最新版本0.55,这给我添了不少麻烦,环境配置上也踩了好多坑,好不容易跑通,必须总结一下1. 安装JDK 1.8(暂不支持更高版本),配置环境变量win10系统,点击开始在菜单,直接打字:环境变量点击新建JAVA_HOME : C:\Java\jdk1.8.0_171...
2024-01-10React+antd 实现文本滚动
有一个很长的文本,想要实现上下自动滚动,就是进入页面,不需要任何操作,文本自动从开头滚动回答之前有个 marquee 标签不过废弃了,这个要自己封装吧,可以搜一下别人的实现。基本思路应该就是:利用定时器,固定时间内修改偏移量;长文本可以考虑虚拟滚动,或者裁剪数组。...
2024-01-10react添加/嵌入 iframe
react 嵌入 iframe 主要是为了隔离富文本,避免跟宿主环境的样式、变量等造成污染。情况1:后端返回一个完整的网页,前端直接 `<iframe src="$url"></iframe>` 就可以了。情况2:后端返回内容不可控 (比如以下例子)。用法:index.tsx:export default function Iframe () { const contentIFrameRef = useRef<HTMLIFrameElement>(null)...
2024-01-10react 中使用 import() 报错
使用npx create-react-app my-app创建的应用,添加了react-router-dom使用import()时,报错,如下,请问是怎么回事??应该怎么配置呢配置项目地址:https://zhonggu.coding.net/public/react-learn/react-learn/git/files回答既然你这个是学习的项目,不妨开源出来,方便大家帮你排查原因。原因找到了,是因为包react-scripts的版本...
2024-01-10